<template>
	<view>
		<view class="myclock">
			{{time}}
		</view>
	</view>
</template>

<script>
	export default {
		name: "myclock",
		data() {
			return {
				time: '12:34:56',		// 时间字符串
				hour: 12,
				clock: null				// 时钟变量
			};
		},
		mounted() {
			this.clock = setInterval(() => {		// 创建一个时钟，每秒执行一次
				this.time = new Date().Format("yyyy-MM-dd hh:mm:ss");				// 获取当前时间
				// this.hour = this.time.getHours();
			}, 1000);
		},
		unmounted() {
			uni.clearInterval();					// 清理掉时钟
			this.clock = null;
		}
	}
</script>

<style>
	.myclock {
		color: rgba(255, 255, 255, 0.7);
		font-size: 40upx;
		line-height: 160upx;
	}
</style>